<script>
import {swiper, swiperSlide} from 'vue-awesome-swiper'
export default {
  data () {
    return {
      swiperOption: {
        loop: true,
        pagination: {
          el: '.swiper-pagination'
        }
      },
    }
  },
  components: {
    swiper,
    swiperSlide
  }
}
</script>
<template lang="pug">
.comp-swiper
  swiper(:options="swiperOption")
    swiper-slide
      img(src="./img/banner1.png")
    swiper-slide
      img(src="./img/banner2.png")
    swiper-slide
      img(src="./img/banner3.png")
    .swiper-pagination(slot="pagination")
</template>
<style lang="stylus">
.comp-swiper
  img
    width 100%
    height 173px
  .swiper-pagination
    bottom 25px
</style>
